<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta content="App Inventor for Android" name="description">
    <meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords">
    <title>
      Reference - App Inventor for Android
    </title>
    <link href="../../static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico">
    <link href="../../static/images/appinventor-16.png" rel="icon" type="image/png">
    <link href="../../static/css/appinventor.css" rel="stylesheet" type="text/css">
<!-- ADD Google Analytics here -->
<!-- END Google Analytics here -->
    <style type="text/css">
img.c2 {border-width:0}
    div.c1 {clear:both;}
    </style>
  </head>
  <body>
    <div id="aiac">
      <div class="main-container">
        <div class="header">
          <div class="header-title">
            <a href="../../about/index.html"><img alt="" src="../../static/images/appinventor_logo.gif"></a>
          </div>
            <div class="header-search">
<!-- ADD Google Custom Search -->
<!-- END Google Custom Search -->
              <div class="header-search-query">
              </div>
              <div class="header-search-button">
              </div>
            </div>
          <div class="header-login">
            <div class="header-login-greeting">
              Learn about App Inventor
            </div>
          </div>
        </div>
        <div class="customhr customhr-green"></div>
<!-- ADD Google Search Results -->
<!-- END Google Search Results -->
        <div id="navigation">
          <div id="navigation-links">
            <div class="navigation-link-option" id="navigation-link-home">
              <a href="../../about/index.html">About</a>
            </div>
            <div class="navigation-link-option navigation-link-active" id="navigation-link-learn">
              <a href="../../learn/index.html">Learn</a>
            </div>
            <div class="navigation-link-option" id="navigation-link-forum">
              <a href="../../forum/index.html">Forum</a>
            </div>
            <div class="navigation-link-option" id="navigation-link-myappinventor">
              <a href="">My Projects</a><div>(coming soon)</div>
            </div>
          </div>
          <div id="navigation-breadcrumb">
            <a href="../../learn/index.html">Learn</a> &gt; Reference &gt;
          </div>
          <div class="c1"></div>
        </div>
        <div class="customhr customhr-gray"></div>
        <div class="content">
          <div class="content-body">
            <div class="learn-page">
              <h1>
                Reference Documentation
              </h1>
              <h2>
                Components
              </h2>
              <p>
                These pages describe the components you can use in App Inventor to build your apps.
              </p>
              <p>
                Each component can have methods, events, and properties. Most properties can be changed by apps — these properties have blocks you can use to get and set the values. Some properties can't be changed by apps — these only have blocks you can use to get the values, not set them. In this document, read-only properties are shown in <i>italics</i>. A few properties are only available in the Designer.
              </p>
              <ul>
                <li>
                  <a href="components/basic.html">Basic components</a>
                </li>
                <li>
                  <a href="components/media.html">Media components</a>
                </li>
                <li>
                  <a href="components/animation.html">Animation components</a>
                </li>
                <li>
                  <a href="components/social.html">Social components</a>
                </li>
                <li>
                  <a href="components/sensors.html">Sensor components</a>
                </li>
                <li>
                  <a href="components/screenarrangement.html">Screen Arrangement components</a>
                </li>
                <li>
                  <a href="components/legomindstorms.html">LEGO® MINDSTORMS® components</a>
                </li>
                <li>
                  <a href="components/other.html">Other components</a>
                </li>
                <li>
                  <a href="components/notready.html">Not ready for prime time components</a>
                </li>
              </ul>
              <p>
                LEGO and MINDSTORMS are registered trademarks of the LEGO Group.
              </p>
              <h2>
                Blocks
              </h2>
              <p>
                These pages describe the blocks you can use when you build your App Inventor apps.
              </p>
              <ul>
                <li>
                  <a href="blocks/definition.html">Definition blocks</a>
                </li>
                <li>
                  <a href="blocks/text.html">Text blocks</a>
                </li>
                <li>
                  <a href="blocks/list.html">List blocks</a>
                </li>
                <li>
                  <a href="blocks/math.html">Math blocks</a>
                </li>
                <li>
                  <a href="blocks/logic.html">Logic blocks</a>
                </li>
                <li>
                  <a href="blocks/control.html">Control blocks</a>
                </li>
                <li>
                  <a href="blocks/colors.html">Color blocks</a>
                </li>
              </ul>
              <h2>
                Concepts
              </h2>
              <ul>
                <li>
                  <a href="other/activitystarter.html">Using the Activity Starter</a>
                </li>
                <li>
                  <a href="other/tinywebdb.html">Creating a Custom TinyWebDB Service</a>
                </li>
                <li>
                  <a href="other/testing.html">Live Development, Testing, and Debugging</a>
                </li>
                <li>
                  <a href="other/displaylist.html">Displaying a List</a>
                </li>
                <li>
                  <a href="other/locationsensor.html">Using the Location Sensor</a>
                </li>
                <li>
                  <a href="other/sizes.html">Specifying Sizes of Components</a>
                </li>
                <li>
                  <a href="other/sizes.html"></a><a href="other/sizes.html"></a><a href="other/media.html">Accessing Images and Sounds</a>
                </li>
                <li>
                  <a href="other/bluetooth.html">Bluetooth</a> - <i>Coming Soon!</i>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="footer">
          <div class="footer-legal">
            <p>
              <a href="http://creativecommons.org/licenses/by/3.0/" rel="license"><img alt="Creative Commons License" class="c2" src="http://i.creativecommons.org/l/by/3.0/88x31.png"></a><br>
              This work is licensed under a <a href="http://creativecommons.org/licenses/by/3.0/" rel="license">Creative Commons Attribution 3.0 Unported License</a> .
            </p>
            <p>
              The original work by Google has been modified<br>
              <!-- The modified work was translated from English to [language]<br> -->
              <a href="../../about/index.html">About</a> | <a href="../../about/privacy.html">Privacy</a> | <a href="../../about/termsofservice.html">Terms</a>
            </p>
          </div>
          <div class="footer-lastupdate">
            <script type="text/javascript">
if (document.lastModified != '') {
                var m = "Page last updated: " + document.lastModified;
                var p = m.length-8;
                document.writeln("<center>");
                document.write(m.substring(p, 0));
                document.writeln("<\/center>");
              }
            </script>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
